<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<h1>hello</h1>
	<script type="text/javascript">
		/*
			1.js严格区分大小写,每局代码后最好加个;英文分号(浏览器会自动帮我们加)
			2.js里面单引号和双引号没有任何区别，都表示字符串
			3.页面输出

		*/
		// alert("还有6天过放假")
		// Alert("放假")

		// window 表示浏览器打开的窗口 window.alret 可以省略
		// document 表示的是给定浏览器窗口的html文档，document是window的一个对象属性
		// 1.开发者工具控制台输出
		console.log('hello world')
		// 警告输出
		console.warn("快跑")
		// 错误提示
		console.error("爆炸了")
		// 输出具体内容
		// 获取h1
		var dom = document.querySelector('h1')
		console.log(dom)
		// console.dir 输出具体内容，打印所有的属性和方法
		console.dir(dom)

		// 2.通过弹窗输出
		// alert("弹出")//一个确定按钮 会阻断程序的运行
		// console.log(123)

		// confirm 两个按钮 确定和取消
		// var a = confirm("请输入密码")
		// console.log("密码是", a)

		// prompt 一个输入框 两个按钮
		// var b = prompt("请输入密码")
		// console.log("密码是", b)

		// 3.直接输出到网页上
		document.write("333")
		document.write("<h2 style='color:red;'>登基</h2>")
		// 注意:如果文档完全加载完毕，再去执行docunment.write,会覆盖原来的内容
		// window.onload是文档加载完之后再去执行,这时候文档流已经关闭了，在执行docunment.write，只能重新创建一个新的html文档流，写入新的内容，所以会覆盖
		window.onload = function(){
			document.write("<h3>哈哈哈</h3>")
		}
	</script>
</body>
</html>